<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <h3>{$this -> translate('reg')}</h3>
</div>
<div class="modal-body">
    <div class="login_form">
        <form id="frm_reg">
                <label for="ip_username">{$this->translate('username')}</label>
                <input type="text" hn-isval='true' hn-val-data="required|min:4|max:200" name="username" id="ip_username">
                <label for="ip_pass">{$this->translate('userpass')}</label>
                <input type="password" name="userpass" hn-isval='true' hn-val-data="required|min:2|max:200" id="ip_pass">
                <label for="ip_repass">{$this -> translate('reuserpass')}</label>
                <input type="password" name="repass" hn-isval='true' hn-val-data="required|compare:#ip_pass" id="ip_repass">
                <label for="ip_email">{$this -> translate('email')}</label>
                <input type="email" name="email" hn-isval='true' hn-val-data="required|email" id="ip_email">
                <label for="ip_phone">{$this -> translate('phone')}</label>
                <input type="tel" name="phone" hn-isval='true' hn-val-data="required|vntel" id="ip_phone">
                <label for="ip_fullname">{$this -> translate('fullname')}</label>
                <input type="text" name="fullname" hn-isval='true' hn-val-data="required|fullname" id="ip_fullname">
                <hr>
                <p class="alert-error" id="a_err"></p>
                <p class="alert-success" id="a_ss"></p>
        </form>
    </div>

</div>
<div class="modal-footer">
    <a style="text-align: left;float: left;color: red" id="msg"></a>
    <a href="#" class="btn btn-primary"  data-toggle="button" id="btn_reg" data-loading-text="{$this -> translate('loading')}..." >{$this -> translate("reg")}</a>
    <a href="#" class="btn" data-dismiss="modal">{$this -> translate("close")}</a>

</div>